
#d1{
   height: 90px;
   background: rgb(50,87,132); 
   line-height: 90px;
}
#d2>a{
    margin-left: 40px;
    color:aliceblue;
    font-size: larger;
}
.btn{
    margin-left: 30px;
}
#d3{
    background: rgb(248, 246, 246);
    width:200px;
    height:350px;
    position:fixed;
    left:60%;
    display: none;
   z-index: 100;
}
#d4{
    
    background:rgb(50,87,132);  ;
}
header{
    position: relative;
    overflow: hidden;
}
#d5{ 
   width: 400px;
   height:260px;
   background: rgb(231, 231, 232);
  
}
section{
    position:relative;
    overflow: hidden;
}
#d6{
    height:100px;
    background: rgb(3, 80, 143);
    text-align: center;
    color:aliceblue;
}
#d7{
    font-size: 25px;
}
#tp{
    margin-left: 220px;
}
#tp2{
    height:1000px;
    width:250px;
    background: rgb(248, 246, 248);
    position:fixed;
    right:-250px;
    z-index: 300;
   
}
#tp2>a{
    color:black;
    font-size: 30px;
}
footer{
    position:relative;
    overflow: hidden;
}
#btn{
    width:150px;
    height: 50px;
    line-height: 50px;
    background: rgb(64,158,255);
    font-size: 25px;
    color:aliceblue;
}
#btn1{
    background: #fff;
    font-size: 25px;
    width:150px;
    height: 50px;
    line-height: 50px;
}







#root{margin:0 auto;}
#root>div{
	width: 360px;
	height: 400px;
	
	
	position: relative;
	float: left;
	margin: 10px 0px 0px 20px;
    
	
}
#root>div a{
	text-align: center;

}
#root>div img{
	width:360px;
    margin:0 auto;
	
}
#root>div h3{
	text-align: center;

}
#root>div p{
text-align: center;
margin-top: 30px;
}
#zzz{
	border: coral;
}
